<ion-view view-title="逍遥游" >
  <ion-content>
    <ion-refresher on-refresh="loadNew()" spinner="lines"></ion-refresher>
    <div class="list card" ng-repeat="article in articleList track by article._id">
      <div class="item item-body">
        <div class="article-cover-image">
          <a ui-sref='app.articles-show({articleId : article._id })'>
            <img class="full-image " 
            ng-src="{{rootUrl}}/{{article.coverImageFileName}}">
          </a>
          <h2 class="article-cover-image-title">{{article.name}}</h2>
          <div class="vertical-bar"></div>
          <div class="article-cover-image-other-info"> 
            {{article.startDate|date:'yyyy-MM-dd'}} @ {{article.location}}
          </div>
          <img class="article-cover-image-avatar" 
          ng-src="{{rootUrl}}/{{article.author.avatarFileName}}">
          <div class="article-cover-image-author-name"> 
            作者: {{article.author.name}}
          </div>
        </div>
        <div>
          <a href="#" class="subdued interaction-number">
          {{CountComments(article)}}
          </a>
          <i class="icon ion-document-text highlight icon-interaction"> </i>
          <a href="#" class="subdued interaction-number"> {{CountLikes(article)}} </a>
          <i class="icon ion-thumbsup highlight icon-interaction" ></i>
        </div>
      </div>
    </div>
    <ion-infinite-scroll on-infinite="loadMoreArticles()" ng-if="moreDataCanBeLoaded">
    </ion-infinite-scroll>
  </ion-content>
  <div class="floating-round-button">
    <a ui-sref='app.articles-new' ng-show="currentUser">
      <i class="icon ion-android-add highlight"></i>
    </a>
    <a ng-click="logon()" ng-hide="currentUser">
      <i class="icon ion-android-add highlight"></i>
    </a>    
  </div>
</ion-view>
